<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="../../css/common.css">
		<link rel="stylesheet" type="text/css" href="../../css/main/productDetails.css" />
		<link rel="stylesheet" href="../../css/productMsg/developDirection.css">
		<title>产品详情页面_群智应用开发平台</title>
	</head>
	<body>
		<div class="container">
			<!-- 公共头部 -->
			<div class="header">
				<div class="w hd_content">
					<div class="logo">
						<img src="../../images/logo.png" alt="" srcset="">
					</div>
					<div class="title">群智应用开发平台</div>
					<div class="list">
						<ul>
							<li>
								<img src="../../images/username.png" alt="">
								<span class="usernameShow">
									<span class="DynamicUsername"></span>
									<div class="dynamicShow">
										<div class="angle"></div>
										<div id="userMsg">
											<ul>
												<a href="../main/accountSetting.html" id="accountSettingLink">
													<li class="userMsg">账号设置</li>
												</a>
												<li class="userMsg outLogin">退出登录</li>
											</ul>
										</div>
									</div>
								</span>
								<span></span>
							</li>
						</ul>
					</div>

				</div>
			</div>
			<!-- 主体部分 -->
			<div class=" w productDetails">
				<p class="hd_nav">
					<a href="../main/productList.html" id="productListLink">个人项目</a>
					<span class="Separator">/</span>
					<span>项目详情</span>
				
				</p>
				<hr>

				<div class="bd_content">
					<div class="bd_content_left">
						<p>
							<img src="../../images/all.png" alt="" srcset="">
							<span>项目信息</span>
						</p>
						<ul>
							<a href="../main/productDetails.html" id="productDetailsLink">
								<li>基本信息</li>
							</a>
							<a href="../productMsg/deviceLog.html" id="deviceLogLink">
								<li>项目日志</li>
							</a>
							<!-- <a href="../productMsg/dataNode.html" id="dataNodeLink"><li>数据点</li></a>
						    <a href="../productMsg/virtualDevice.html" id="virtualDeviceLink"><li>虚拟设备</li></a> -->
							<a href="../productMsg/developDirection.html" id="developDirectionLink">
								<li class="yellow">开发向导</li>
							</a>
						</ul>
						<p>
							<img src="../../images/inspection.png" alt="" srcset="">
							<span>服务</span>
						</p>
						<ul>
							<a href="../productMsg/ApplicationConfig.html" id="ApplicationConfigLink">
								<li>图谱关系</li>
							</a>
							<a href="../productMsg/serviceRecommend.html" id="serviceRecommendLink">
								<li>服务推荐</li>
							</a>
							<a href="../productMsg/applicationDevelop.html" id="applicationDevelopLink">
								<li>应用开发</li>
							</a>
							<a href="../productMsg/MCUdevelop.html" id="MCUdevelopLink">
								<li>MCU开发</li>
							</a>
							<!-- <a href="../productMsg/serviceRecommend.html" id="serviceRecommendLink"><li>MCU开发</li></a>
						    <a href="../productMsg/firmwareUpdate.html" id="firmwareUpdateLink"><li>固件升级(OTA)</li></a>
						    <a href="../productMsg/testingTools.html" id="testingToolsLink"><li>产测工具</li></a> -->
						</ul>
						<p>
							<img src="../../images/data-view.png" alt="" srcset="">
							<span>敏捷开发</span>
						</p>
						<ul>
							<a href="../productMsg/overview.html" id="overviewLink">
								<li>多人协作</li>
							</a>
						</ul>
					</div>
					<div class="bd_content_right">
						<p>开发向导</p>
						<hr>
						<div class="datasShow">
							<nav>
								<div class="fun">
									<span class="outer">
										<span class="inner">1</span>
									</span>
									<span>功能详情</span>
									<span class="img"><img src="../../images/arrow-double-right.png"></span>
								</div>
								<div class="fun funDebug">
									<span class="outer">
										<span class="inner">2</span>
									</span>
									<span>功能调试</span>
									<span class="img"><img src="../../images/arrow-double-right.png"></span>
								</div>
								<div class="fun productUpload">
									<span class="outer">
										<span class="inner">3</span>
									</span>
									<span>产品发布</span>
									<span class="img"><img src="../../images/arrow-double-right.png"></span>
								</div>
							</nav>
							<section>
								<div class="funDevelop">
									<p>功能详情</p>
									<div class="funDevelop_Brief">
										项目开发的第一步是确定项目的功能，项目功能可依据要求自由选择，极大的方便了开发者的开发。项目的各个功能详情请<strong>点击</strong>对应模块查看详情。
									</div>
									<!-- 简略的功能展示，点击之后弹出对应的详细微服务-->
									<div class="details"></div>
									<!-- 动态添加简洁功能div -->


								</div>
								<div class="funDevelop">
									<p>功能调试</p>
									<div class="funDebug_Brief">
										<div class="content_left">
											<span>功能调试分为两方面，一方面是调试app的功能，另一方面是调试硬件设备。</span>
											<span>对于app的调试，群智应用平台会根据你选择的功能参数自动生成一个虚拟设备，用你的app绑定虚拟设备后就可以模拟真实的设备对app进行调试。</span>
											<span>对于硬件设备的调试，群智应用平台提供了 Demo App 下载,
												可以使用该App调试硬件设备,同时在开发者中心可以查看设备实时日志。</span>
										</div>
										<div class="content_right">
											<button type="button" id="debug" class="debug">进入在线调试</button>
										</div>
									</div>
								</div>
								<div class="funDevelop">
									<p>产品发布</p>
									<div class="productOnline_Brief">
										<div class="content_left">
											<span>如果产品准备量产上市,建议申请发布产品。发布后的产品，可以获得更多的增值服务， 以及更稳定、更快的云服务。</span>
										</div>
										<div class="content_right">
											<button type="button" id="online" class="online">产品发布</button>
										</div>
									</div>
								</div>
							</section>
						</div>
					</div>
				</div>
			</div>
			<div class="correct"></div>
		</div>

		<!-- 公共尾部 -->
		<div class="footer">
			<div class="w">
				<div class="linkList">
					<ul>
						<li>
							<a href="../index.html">官网首页</a>
						</li>
						<li>
							<a href="">关于群智应用平台</a>
						</li>
						<li>
							<a href="">联系我们</a>
						</li>
						<li>
							<a href="">加入我们</a>
						</li>
						<li>
							<a href="">服务协议</a>
						</li>
						<li>
							<a href="">隐私协议</a>
						</li>
					</ul>
				</div>
				<p>&copy;2020-2021 西安电子科技大学</p>
			</div>
		</div>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/http.js"></script>
		<script src="../../js/productMsg/developDirection.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/alert.js"></script>
	</body>
</html>
